/* You can add global styles to this file, and also import other style files */

.nav-link.active {
    background-color: #007bff;
    color: white !important;
}

body {
    margin: 0;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f4f6f9;
}

.wrapper {
    display: flex;
    flex-direction: row;
    height: 100vh;
}

/* 确保左侧菜单宽度与内容区域的偏移一致 */
.main-sidebar {
    width: 250px; /* 左侧菜单的宽度 */
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #343a40;
    transition: transform 0.3s ease; /* 添加平滑过渡效果 */
    transform: translateX(0); /* 默认显示菜单 */
}

.main-sidebar.closed {
    transform: translateX(-250px); /* 菜单关闭时向左隐藏 */
}

.content-wrapper {
    margin-left: 250px; /* 与左侧菜单宽度保持一致 */
    padding: 20px;
    background-color: #f4f6f9;
    transition: margin-left 0.3s ease; /* 添加平滑过渡效果 */
}

.content-wrapper.menu-closed {
    margin-left: 0; /* 菜单关闭时内容区域向左移动 */
}
